﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <!--
        表单标签
            action:直接提交地址
            method:
                    get 方式:默认提交方式,会将参数拼接在链接后面,有大小限制
                    post 方式:会将参数封装在请求体中,没有限制

        input:
            type:指定输入项类型
                text:文本
                password:密码
                radio:单选按钮
                checkbox:复选框
                file:上传文件
                submit:提交
                reset:重置
                button:普通按钮
                hidden:隐藏域

                date:日期类型
                tel:手机号
                number:数字
            placeholder:指定默认提示信息
            name:在表单提交的时候,当作参数的名称
            id:给输入项取一个名字,以便后期我们去找到它,并操作它
        textarea:
            文本域,可以输入一段文本
            cols:指定宽度
            rows:指定高度
        select:
            下拉列表
            option:选择项
        
    -->
    <form action="../04-网站首页/网站首页.html" method="post">
        <!--
            隐藏域
                主要用来存放页面上的一些ID信息
            
        -->
        <input type="hidden" value="132445fgg" name="uid"/>
        <!--文本输入框-->
        <label>用户名:</label><input type="text" name="username" placeholder="请输入用户名"/><br />
        <label>密码:</label><input type="password" name="password" placeholder="请输入密码"/><br />
        <label>确认密码:</label><input type="password" placeholder="请确认密码"/><br />
        <label>邮箱:</label><input type="text" placeholder="请输入邮箱"/><br />
        <label>手机号码:</label><input type="tel" placeholder="请输入手机号"/><br />
        <label>证件照:</label><input type="file" /><br />
        <label>性别:</label><input type="radio" name="sex" />男
        <input type="radio" name="sex" />女<br />
        <label>爱好:</label>
        <input type="checkbox" />看书
        <input type="checkbox" />唱歌
        <input type="checkbox" />跳舞
        <input type="checkbox" />追剧
        <input type="checkbox" />下棋
        <br />
        <label>择偶要求:</label>
        <textarea cols="20" rows="4"></textarea>
        <br />
        <label>籍贯:</label>
        <select>
            <option>==请选择==</option>
            <option>江西</option>
            <option>上海</option>
            <option>湖北</option>
            <option>深圳</option>
            <option>广东</option>
        </select>
        <br />
        <label>出生日期:</label>
        <input type="date"/><br />
        <label>验证码:</label><input type="text" placeholder="请输入验证码"/><br />
        <input type="submit" value="注册" />
        <input type="button" value="普通按钮" />
        <input type="reset" value="重置按钮" />
    </form>
</body>
</html>